
#all {
  /*text-align: center;*/
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: fixed;

  div.center {
    overflow: auto;
    width: 100%;
    height: calc(100% - 50px);
    background-color: #FFFFFF;

    //中国地图样式
    .suspension-div {
      height: 80%;
      width: 16%;
      background: rgba(0,0,0,0.3);
      //position: absolute;
      top: 10%;
      left: 1%;
    }
    .suspension-div-table{
      top:-15px;
    }
    tr.suspension-div-table-tr{
      background: rgba(0,0,0,0.3);
    }
    .echarts {
      width: 100%;
      height: 100%;
      position: relative;
      background: url("../../assets/bg1.jpg") no-repeat;
      background-size: 100% 100%;
    }
    .mapChoose {
      position: absolute;
      left: 20px;
      top: 55px;
      color: #eee;
      .title {
        padding: 5px;
        border-top: 1px solid #93EBF8;
        border-bottom: 1px solid #93EBF8;
        cursor: pointer;
      }
      .icon {
        font-family: "simsun";
        font-size: 25px;
        margin: 0 11px;
      }
    }
    //中国地图样式 结束

  }
  //新建项目样式
  div.showCenter {
    overflow: auto;
    width: 100%;
    height: calc(100% - 50px);
    //height: 100%;
    background-color: #FFFFFF;
    //padding: 20px 30px;
    padding: 20px;
    //top: 50px;
  }
  //新建项目样式 结束
  div.project-base{
    width: 100%;
    height: 100%;
  }
  //步骤条样式
  div.menuList {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 50px;
    z-index: 99;
  }
  .ul-List{
    width: 50%;
    margin: 0;
    padding: 0;
    height: 50px;
    position: absolute;
    list-style: none;

  }
  .li_item{
    font-size: 18px;
    margin: 0;
    padding: 0;
    position: absolute;
    border-radius: 23px;
    background-color: #409EFF;
    color: #FFF;
    text-align: center;
    line-height: 50px;
    float:left;
    height: 50px;
    width: 30%;
  }
  .ul-List .activeBefore1{
    transform: translateX(-10%) scale(0.75);
    background-color: #409EFF;
  }
  .ul-List .activeBefore2{
    transform: translateX(42%) scale(0.85);
    z-index: 8888;
  }
  .ul-List .active{
    width: 38%;
    background-color: #fde8cd;
    color: #409EFF;
    transform: translateX(82%) scale(1);
    z-index: 9999;
  }
  .ul-List .activeAfter1{
    transform: translateX(191%) scale(0.85);
    z-index: 8888;
  }
  .ul-List .activeAfter2{
    transform: translateX(243%) scale(0.75);
    background-color: #409EFF;
  }
  .hidden_li{
    display: none;
  }
  ul.ul-List li.activeBefore2:hover ,ul.ul-List li.activeAfter1:hover{
    background-color: #fde8cd;
    color: #409EFF;
  }
  //步骤条样式 结束




















  div.logoDiv {
    width: 100%;
    height: 50px;
    //background-color: #433520;
    background-color: #409EFF;
    border: 0;
  }

  div.logosub {
    height: 100%;
    float: left;
  }

  div.logo_menu {
    float: right;
    width: 120px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    //background-color: #433520;
    background-color: #409EFF;
  }

  div.logo_menu a {
    text-decoration: none;
    color: #FFF;
    display: block;
    height: 50px;
  }

  div.logo_menu a:hover {
    /*background-color: #00917C;*/
    //background-color: #976c4a;
    background-color: #00AFFF66;
    color: #ffffff;
  }

  div.logo_menu a.active {
    //border-bottom: 1px solid #00917C;
    //color: #00917C;
    border-bottom: 1px solid #fff478;
    color: #fff478;
  }

}

//按钮
.el-button--projectBut {
  color: #FFFFFF;
  background-color: #257165;
  border-color: #257165;
}


.el-input-group__append button.el-button--projectBut {
  background-color: #257165;
  border-color: #257165;
  color: #FFFFFF;
}

.el-button--projectBut.is-disabled, .el-button--projectBut.is-disabled:hover, .el-button--projectBut.is-disabled:focus, .el-button--projectBut.is-disabled:active {
  color: #FFFFFF;
  background-color: rgba(#257165,0.6) !important;
  border-color: rgba(#257165,0.6) !important;
}

.el-button.el-button--projectBut:hover, .el-button.el-button--projectBut:focus {
  color: #FFFFFF;
  background-color: #257165;
  border-color: #257165;
}

.el-button--projectCal,.el-tag--projectCal{
  color: #FFFFFF;
  background-color: #257165;
  border-color: #257165;
}


.el-button.el-button--projectCan:hover, .el-button.el-button--projectCan:focus,.el-button.el-button--projectCal:hover, .el-button.el-button--projectCal:focus {
  color: #257165;
  border-color: #257165;
  background-color:#2E8E80;
}

.project-right-toolbar {
  .el-button:hover, .el-button:focus {
    color: #257165;
    border-color: #257165;
    background-color: #e8f4ff;
  }
}

.el-button--projectText {
  border-color: transparent;
  color: #257165;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.el-button--whiteText{
  border-color: transparent !important;
  color: #FFF !important;
  background: transparent !important;
  padding-left: 0;
  padding-right: 0;
}


.el-button--primaryBut {
  color: #257165;
  background-color: #e8f4ff;
  border-color: #257165;
}

.el-button.el-button--primaryBut:hover, .el-button.el-button--primaryBut:focus {
  color: #FFFFFF;
  background-color: #257165;
  border-color: #e8f4ff;
}




.projectCss {
  .el-link.el-link--default:hover {
    color: #257165;
  }
  .el-link.el-link--default:after {
    border-color: #257165;
  }
  //默认按钮悬浮提示
  .el-button.el-button--default.el-button--mini:hover, .el-button.el-button--default.el-button--mini:focus {
    color: #257165;
    border-color: #e8f4ff;
    background-color: #e8f4ff;
  }

  //颜色
  .table-td-input {
    color: #257165;
  }

  //tabs页
  .el-tabs__item.is-active{
    color: #257165;
  }

  .el-tabs__item.is-disabled.is-active{
    color: #257165;
  }

  .el-tabs__item:hover{
    color: #257165;
  }
  .el-tabs__active-bar {
    background-color: #257165;
  }

  .el-tabs__item.is-left.is-active {
    color: #257165;
    background-color: #e8f4ff;
  }
  .el-tabs__item.is-disabled.is-left.is-active{
    color: #257165;
  }
  .el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #257165;
  }




    //table操作按钮
  .el-table .fixed-width .el-button--projectText {
    color: #257165;
    border-color: transparent;
    background: transparent;
  }

  .el-button--projectText.el-button:hover, .el-button--projectText.el-button:focus {
    color: #257165;
    border-color: transparent;
    background: transparent;
  }

  //分页组件
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #257165;
    color: #FFFFFF;
  }

  //多选
  .el-checkbox.is-bordered.is-checked {
    border-color: #257165;
  }

  .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #257165;
    border-color: #257165;
  }

  .el-checkbox__input.is-checked + .el-checkbox__label {
    color: #257165;
  }

  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #257165;
    border-color: #257165;
  }

  .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #257165;
  }

  .el-checkbox__input:hover .el-checkbox__inner {
    border-color: #257165;
  }


  //单选
  .el-radio__input.is-checked + .el-radio__label {
    color: #257165;
  }

  .el-radio__input.is-checked .el-radio__inner {
    border-color: #257165;
    background: #257165;
  }

  .el-radio.is-bordered.is-checked {
    border-color: #257165;
  }


  .el-input-group--append .el-input__inner:hover, .el-input-group--append .el-input__inner:focus {
    border-color: #257165;
  }

  .el-input--medium .el-input__inner:hover, .el-input--medium .el-input__inner:focus {
    border-color: #257165;
  }

  .el-input--medium .el-textarea__inner:hover, .el-input--medium .el-textarea__inner:focus {
    border-color: #257165;
  }

  .el-select:hover .el-input__inner {
    border-color: #257165;
  }

  .el-select:focus .el-input__inner {
    border-color: #257165;
  }

  .el-select .el-input.is-focus .el-input__inner {
    border-color: #257165;
  }

  .el-select .el-input__inner:focus {
    border-color: #257165;
  }

  //遮盖背景
  .el-loading-spinner i, .el-loading-spinner .el-loading-text {
    color: #257165;
  }

  .el-loading-spinner .path {
    stroke: #257165;
  }

  .el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus {
    color: #e8f4ff;
    background-color: #257165;
  }

  .el-dropdown-menu__item.active {
    color: #e8f4ff;
    background-color: #257165;
  }


  .el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #FFF;
  }


  .el-input--small .el-input__inner:hover, .el-input--small .el-input__inner:focus {
    border-color: #257165;
  }

  .el-date-table td.current:not(.disabled) span{
    color: #FFFFFF;
    background-color: #257165;
  }


  td.available:hover{
    color: #257165;
  }

  .el-select-dropdown__item.selected {
    color: #257165;
    font-weight: bold;
  }


  svg.tableTdInputSvg{
    color: #257165;
  }





}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.checkOption {
  color: #257165;
  background-color: #FFFFFF;
}

.el-select-dropdown__item.selected.checkOption {
  color: #257165;
  //background-color: #fff7ee;
}


.el-select.projectSelect .el-input.is-focus .el-input__inner {
  border-color: #257165;
}

.el-select.257165 .el-input .el-input__inner:hover, .el-select.projectSelect .el-input .el-input__inner:focus {
  border-color: #409EFF;
}

.projectSelect .el-select-dropdown__item.selected {
  color: #257165;
  font-weight: bold;
}

.el-col-5 {
  width: 20%;
}


li.checkOption.el-dropdown-menu__item:not(.is-disabled):hover, li.checkOption.el-dropdown-menu__item:focus {
  color: #257165;
  background-color: #FFD0A4;
}

li.checkOption.el-dropdown-menu__item.active {
  color: #257165;
  background-color: #FFD0A4;
}


.show-route-click-table table.el-table__body tbody tr.current-row > td{
  background-color: #fde8cd;
}


/* 颜色 修改 */
//.el-input .el-input-group__append>button{
//  background-color: #257165 !important;
//}

.el-input__inner:focus,.el-textarea__inner:focus{
  border-color: #2E8E80;
}
//select
.el-select .el-input__inner:focus,.el-select .el-input.is-focus .el-input__inner{
  border-color: #2E8E80;
}
.el-select-dropdown__item.selected{
  color: #2E8E80;
}
//el-cascader
.el-cascader .el-input.is-focus .el-input__inner{
  border-color: #2E8E80;
}
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active{
  color: #257165;
}
//radio
.el-radio.is-bordered.is-checked,.el-radio__input.is-checked{
  &+ .el-radio__label,.el-radio__label{
    color: #257165;
  }
  border-color: #2E8E80;
  .el-radio__inner{
    border-color: #2E8E80;
    background: #2E8E80
  }
}

// el-tabs
.el-tabs__active-bar{
  background-color: #2E8E80;
}
.el-tabs--top .el-tabs__item.is-top:nth-child(2){
  padding-left:20px;
}
.el-tabs--top .el-tabs__item.is-top:last-child{
  padding-right:20px;
}
.el-tabs__item.is-disabled.is-active,.el-tabs__item.is-active{
  color: #FFF !important;
  //font-weight: bold;
  background-color: #257165;
  &:hover{
    color: #FFF;
  }
}
.el-tabs__item:hover{
  color: #257165;
  //font-weight: bold;
}

//date
.el-date-table td.today span,
.el-date-table td.available:hover{
  color: #257165;
}
.el-date-picker__header-label:hover,
.el-month-table td .cell:hover,
.el-month-table td.today .cell,
.el-year-table td .cell:hover,
.el-year-table td.today .cell,
.el-picker-panel__icon-btn:hover{
  color: #257165;
}
.el-date-table td.current:not(.disabled) span{
  background-color: #257165;
}
.el-month-table td.current:not(.disabled) .cell{
  color: #257165;
}

//button
.el-button--primary{
  background-color: #257165;
  border-color: #257165;
}
.el-button--primary:hover, .el-button--primary:focus{
  background-color: #2E8E80;
  border-color: #2E8E80;
}

//checked
.el-checkbox__input.is-checked .el-checkbox__inner{
  background-color: #257165;
  border-color: #257165
}
.el-checkbox__input.is-checked + .el-checkbox__label{
  color: #257165;
}

//多选
.el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: #257165;
  border-color: #257165;
}
.el-checkbox__inner:hover{
  border-color: #257165;
}
//分页
.el-pagination.is-background .el-pager li:not(.disabled):hover{
  background-color: #257165 !important;

}

//radio
.el-radio-button__orig-radio:checked + .el-radio-button__inner{
  background-color: #257165 !important;
  border-color:#257165;
}
.el-radio-button__inner:hover{
  color:#257165;
}
